﻿@model SF.Module.Backend.ViewModels.HomeViewModel

@{
    ViewData["Title"] = "Home Page";
    Layout = "~/Views/Shared/_Index.cshtml";
}

@*@await Html.PartialAsync("_WidgetInstances", Model.WidgetInstances.Where(x => x.WidgetZoneId == WidgetZoneIds.HomeFeatured))

    @await Html.PartialAsync("_WidgetInstances", Model.WidgetInstances.Where(x => x.WidgetZoneId == WidgetZoneIds.HomeMainContent))

    @await Html.PartialAsync("_WidgetInstances", Model.WidgetInstances.Where(x => x.WidgetZoneId == WidgetZoneIds.HomeAfterMainContent))
    @* 测试多语言 *@
@*<h3>@ViewData["Message"]</h3>*@
@*<div>
        <h2 class="page-header">Sample data</h2>
        <h1>Delete all current catalog data and create sample catalog</h1>
        <form asp-controller="SampleData" asp-action="ResetToSample" method="post">
            <button type="submit" class="btn btn-danger">Do it!</button>
        </form>
    </div>*@
@*<sf-captcha asp-captcha-generator-max="9000"
    asp-captcha-generator-min="1"
    asp-captcha-generator-language="English"
    asp-placeholder="Security code as a number"
    asp-validation-error-message="Please enter the security code as a number."
    asp-font-name="Tahoma"
    asp-font-size="20"
    asp-fore-color="black"
    asp-back-color="#ccc"
    asp-text-box-class="text-box single-line form-control col-md-4"
    asp-text-box-template="<div class='input-group col-md-4'><span class='input-group-addon'><span class='glyphicon glyphicon-lock'></span></span>{0}</div>"
    asp-validation-message-class="text-danger"
    asp-area-name="" />*@
<section id="page-title">
    <h1 class="title">
        <div class="page-icon">
            <i class="fa fa-exchange"></i>
        </div>
        控制台
    </h1>
</section>
<section id="page-content">
    <div class="row">
        <div class="col-md-9">
            <div id="zone-main" class="zone-instance can-configure">
                <div class="zone-configuration config-bar">
                    <a class="zoneinstance-config" href="#"><i class="fa fa-arrow-circle-right"></i></a>
                    <div class="zone-configuration-bar">
                        <span></</span>
                        <a id="aBlockConfig-Main" class="zone-blocks" height="500px" href="javascript: SF.controls.modal.show($(this), '/ZoneBlocks/205/Main?t=Zone Blocks&amp;pb=&amp;sb=Done')" title="Zone Blocks" zone="Main"><i class="fa fa-th-large"></i></a>
                    </div>
                </div>
                <div class="zone-content">

                    <div data-zone-location="Page" class="block-instance my-connection-opportunities can-configure ">
                        <div class="block-content">
                            <div class="block-configuration config-bar">
                                <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                <div class="block-configuration-bar">
                                    <span>My Connection Opportunities</span>
                                    <a class="properties" height="500px" href="javascript: SF.controls.modal.show($(this), '/BlockProperties/5538?t=Block Properties')" title="Block Properties"><i class="fa fa-cog"></i></a>
                                    <a class="security" height="500px" href="javascript: SF.controls.modal.show($(this), '/Secure/9/5538?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                    <a class="block-move block-move" href="5538" data-zone="Main" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a>
                                    <div class="delete block-delete disabled js-disabled">
                                        <i class="fa fa-times-circle-o"></i>
                                    </div>
                                </div>
                            </div>
                            <script>
                                $(function () {
                                    $('.js-legend-badge').tooltip({ html: true, container: 'body', delay: { show: 200, hide: 100 } });
                                });

                                //Sys.WebForms.PageRequestManager.getInstance().add_endRequest(scrollToGrid);
                                function scrollToGrid() {
                                    if (!$('.js-grid-header').visible(true)) {
                                        $('html, body').animate({
                                            scrollTop: $('.js-grid-header').offset().top + 'px'
                                        }, 'fast');
                                    }
                                }
                            </script>
                            <div class="panel panel-block">
                                <div class="panel-heading">
                                    <h1 class="panel-title">
                                        <i class="fa fa-list-alt"></i>
                                        关键数据实时指标
                                    </h1>

                                    <div class="pull-right">
                                        <div class="pull-left badge-legend padding-r-md">
                                            <span class="pull-left badge badge-info js-legend-badge" data-toggle="tooltip" data-original-title="Assigned To You">&nbsp;</span>
                                            <span class="pull-left badge badge-warning js-legend-badge" data-toggle="tooltip" data-original-title="Unassigned Item">&nbsp;</span>
                                            <span class="pull-left badge badge-critical js-legend-badge" data-toggle="tooltip" data-original-title="Critical Status">&nbsp;</span>
                                            <span class="pull-left badge badge-danger js-legend-badge" data-toggle="tooltip" data-original-title="Idle (no activity in 14 days)">&nbsp;</span>
                                        </div>
                                        <div class="toggle-container margin-r-md pull-left">
                                            <div class="btn-group btn-toggle margin-r-md pull-left">
                                                <a class="btn btn-default js-toggle-off btn-xs btn-info  active">关键数据实时指标</a><a class="btn btn-default js-toggle-on btn-xs ">非关键数据实时指标</a>
                                            </div>
                                            <input class="js-toggle-checked" type="hidden" value="False">
                                        </div>
                                        <a class="pull-right"><i class="fa fa-gear"></i></a>


                                    </div>

                                </div>
                                <div class="panel-body">
                                    <div class="list-as-blocks clearfix">
                                        <ul>

                                            <li class="block-status">
                                                <a href="#">
                                                    <i class="fa fa-child"></i>
                                                    <h3>对私待处理任务</h3>
                                                    <div class="status-list">
                                                        <span class="badge badge-info"></span>
                                                        <span class="badge badge-warning">1</span>
                                                        <span class="badge badge-critical">1</span>
                                                        <span class="badge badge-danger">1</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li class="block-status">
                                                <a href="#">
                                                    <i class="fa fa-smile-o"></i>
                                                    <h3>对私待签收任务</h3>
                                                    <div class="status-list">
                                                        <span class="badge badge-info"></span>
                                                        <span class="badge badge-warning">2</span>
                                                        <span class="badge badge-critical">2</span>
                                                        <span class="badge badge-danger">2</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li class=" block-status">
                                                <a href="#">
                                                    <i class="fa fa-arrow-circle-o-right"></i>
                                                    <h3>对公待处理任务</h3>
                                                    <div class="status-list">
                                                        <span class="badge badge-info"></span>
                                                        <span class="badge badge-warning">2</span>
                                                        <span class="badge badge-critical">2</span>
                                                        <span class="badge badge-danger">2</span>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <script>
                                $(".list-as-blocks li").on("click", function () {
                                    $(".list-as-blocks li").removeClass('active');
                                    $(this).addClass('active');
                                });
                            </script>
                        </div>
                    </div>
                    <div data-zone-location="Page" class="block-instance page-menu can-configure ">
                        <div class="block-content">
                            <div class="block-configuration config-bar">
                                <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                <div class="block-configuration-bar">
                                    <span>快速入口</span>
                                    <a class="properties" height="500px" href="javascript: SF.controls.modal.show($(this), '/BlockProperties/266?t=Block Properties')" title="Block Properties"><i class="fa fa-cog"></i></a>
                                    <a class="security" height="500px" href="javascript: SF.controls.modal.show($(this), '/Secure/9/266?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                    <a class="block-move block-move" href="266" data-zone="Main" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a>
                                    <div class="delete block-delete disabled js-disabled"><i class="fa fa-times-circle-o"></i></div>
                                </div>
                            </div>
                            <div class="panel panel-default list-as-blocks clearfix">
                                <div class="panel-heading">
                                    <h1 class="panel-title">
                                        <i class="fa fa-plug"></i>
                                        快速入口
                                    </h1>

                                </div>
                                <div class="panel-body">
                                    <ul>

                                        <li>
                                            <a href="38" title="">

                                                <i class="fa fa-map-marker"></i>

                                                <h3>机构管理</h3>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="88" title="">

                                                <i class="fa fa-search"></i>

                                                <h3>角色管理</h3>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="102" title="">

                                                <i class="fa fa-clock-o"></i>

                                                <h3>岗位管理</h3>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="148" title="">

                                                <i class="fa fa-filter"></i>

                                                <h3>用户管理</h3>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="204" title="">

                                                <i class="fa fa-random"></i>

                                                <h3>区域管理</h3>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="204" title="">

                                                <i class="fa fa-random"></i>
                                                <h3>数据字典</h3>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="204" title="">
                                                <i class="fa fa-random"></i>
                                                <h3>系统菜单</h3>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-block">
                        <div class="panel-heading">
                            <h4 class="panel-title">SF平台介绍</h4>
                            <div class="pull-right">

                            </div>
                        </div>
                        <div class="panel-body">
                            <div id="bid_435" data-zone-location="Page" class="block-instance active-users can-configure ">
                                <div class="block-content">
                                    <div class="block-configuration config-bar">
                                        <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                        <div class="block-conQuick Linksfiguration-bar">
                                            <span>SF平台介绍</span><a class="properties" height="500px" title="Block Properties"><i class="fa fa-cog"></i></a>
                                            <a class="security" height="500px" href="javascript: Rock.controls.modal.show($(this), '/Secure/9/435?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                            <a class="block-move block-move" href="435" data-zone="Sidebar1" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a>
                                            <a class="delete block-delete" href="435" title="Delete Block"><i class="fa fa-times-circle-o"></i></a>
                                        </div>
                                    </div>
                                    <div>
                                        <p>使用时请务必保留来源，请勿用于违反我国法律的web平台、如诈骗等非法平台网站。版权最终解释权归《SF团队》所有</p>
                                        <p>SF是一套基于ASP.NET Core MVC+EFCore+Bootstrap开发出来的框架，源代码完全开源，可以帮助你解决C#.NET项目68%的重复工作，让开发人员远离加班！</p>
                                        <p>使用 Apache License 2.0 协议，采用主流框架，容易上手，简单易学，学习成本低。可完全实现二次开发、基本满足80%项目需求。</p>
                                        <p>可以帮助解决.NET项目70%的重复工作，让开发更多关注业务逻辑。既能快速提高开发效率，帮助公司节省人力成本，同时又不失灵活性。</p>
                                        <p>支持SQLServer、MySQL、SQLite 等多数据库类型。模块化设计，层次结构清晰。内置一系列企业信息管理的基础功能。</p>
                                        <p>操作权限控制精密细致，对所有管理链接都进行权限验证，可控制到导航菜单、功能按钮。</p>
                                        <p>数据权限（精细化数据权限控制，控制到行级，列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段</p>
                                        <p>提高开发效率及质量。常用类封装，日志、缓存、验证、字典、文件、邮件、,Excel。等等，兼容目前最流行浏览器（IE8+、Chrome、Firefox、360浏览器）</p>
                                        <p>适用范围：可以开发OA、ERP、BPM、CRM、WMS、TMS、MIS、BI、电商平台后台、物流管理系统、快递管理系统、教务管理系统等各类管理软件。</p>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-block">
                        <div class="panel-heading">
                            <h4 class="panel-title">SF技术介绍</h4>
                            <div class="pull-right">

                            </div>
                        </div>
                        <div class="panel-body">
                            <div id="bid_435" data-zone-location="Page" class="block-instance active-users can-configure ">
                                <div class="block-content">
                                    <div class="block-configuration config-bar">
                                        <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                        <div class="block-conQuick Linksfiguration-bar">
                                            <span>SF技术介绍</span><a class="properties" height="500px" title="Block Properties"><i class="fa fa-cog"></i></a>
                                            <a class="security" height="500px" href="javascript: Rock.controls.modal.show($(this), '/Secure/9/435?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                            <a class="block-move block-move" href="435" data-zone="Sidebar1" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a>
                                            <a class="delete block-delete" href="435" title="Delete Block"><i class="fa fa-times-circle-o"></i></a>
                                        </div>
                                    </div>
                                    <div>
                                        <div style="float: left; width: 50%;">
                                            <p>1、前端技术</p>
                                            <p>JS框架：jquery-2.1.1、Bootstrap.js、JQuery UI</p>
                                            <p>CSS框架：Bootstrap v3.3.4（稳定是后台，UI方面根据需求自己升级改造吧）。</p>
                                            <p>客户端验证：jQuery Validation Plugin 1.9.0。</p>
                                            <p>在线编辑器：ckeditor、simditor</p>
                                            <p>上传文件：Uploadify v3.2.1</p>
                                            <p>数据表格：jqGrid、Bootstrap Talbe</p>
                                            <p>对话框：layer-v2.3</p>
                                            <p>下拉选择框：jQuery Select2</p>
                                            <p>树结构控件：jQuery zTree、jQuery wdtree</p>
                                            <p>页面布局：jquery.layout.js 1.4.4</p>
                                            <p>图表插件：echarts、highcharts</p>

                                        </div>
                                        <div style="float: left; width: 50%;">
                                            <p>2、后端技术</p>
                                            <p>跨平台</p>
                                            <p>核心框架：ASP.NET Core MVC、WEB API</p>
                                            <p>持久层框架：EntityFrameworkCore 1.0</p>
                                            <p>支持模块化、插件化开发</p>
                                            <p>定时计划任务：Hangfire组件</p>
                                            <p>安全支持：过滤器、Sql注入、请求伪造</p>
                                            <p>服务端验证：实体模型验证、自己封装Validator</p>
                                            <p>缓存框架：微软自带Cache、Redis</p>
                                            <p>日志管理：Log4net、登录日志、操作日志</p>
                                            <p>工具类：Newtonsoft.Json、验证码、丰富公共类似</p>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div id="zone-sidebar-right" class="zone-instance can-configure">
                <div class="zone-configuration config-bar">
                    <a class="zoneinstance-config" href="#"><i class="fa fa-arrow-circle-right"></i></a>
                    <div class="zone-configuration-bar">
                        <span>Sidebar 1</span><a id="aBlockConfig-Sidebar1" class="zone-blocks" height="500px" href="javascript: Rock.controls.modal.show($(this), '/ZoneBlocks/12/Sidebar1?t=Zone Blocks&amp;pb=&amp;sb=Done')" title="Zone Blocks" zone="Sidebar1"><i class="fa fa-th-large"></i></a>
                    </div>
                </div>
                <div class="zone-content">
                    <div class="panel panel-block">
                        <div class="panel-heading">
                            <h4 class="panel-title">快速链接</h4>
                            <div class="pull-right">
                                <a class="btn btn-link btn-xs view-state"><i class="fa fa-chevron-down"></i></a>
                            </div>
                        </div>
                        <div id="bid_375" data-zone-location="Page" class="block-instance html-content can-configure ">
                            <div class="block-content">
                                <div class="block-configuration config-bar">
                                    <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                    <div class="block-configuration-bar">
                                        <span>快速链接</span><a onclick="Rock.admin.pageAdmin.showBlockConfig();" title="Edit HTML" class="edit"><i class="fa fa-pencil-square-o"></i></a>
                                        <a class="properties" height="500px" href="javascript: Rock.controls.modal.show($(this), '/BlockProperties/375?t=Block Properties')" title="Block Properties"><i class="fa fa-cog"></i></a>
                                        <a class="security" height="500px" href="javascript: Rock.controls.modal.show($(this), '/Secure/9/375?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                        <a class="block-move block-move" href="375" data-zone="Sidebar1" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a><a class="delete block-delete" href="375" title="Delete Block"><i class="fa fa-times-circle-o"></i></a>
                                    </div>
                                </div>
                                <div>
                                    <ul class="list-group list-group-panel">
                                        <li class="list-group-item"><a href="#">蚂蚁官网</a></li>
                                        <li class="list-group-item"><a href="#">外部网站</a></li>
                                    </ul>

                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="panel panel-block">
                        <div class="panel-heading">
                            <h4 class="panel-title">在线用户</h4>
                            <div class="pull-right">
                                <a class="btn btn-link btn-xs view-state"><i class="fa fa-chevron-down"></i></a>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div id="bid_435" data-zone-location="Page" class="block-instance active-users can-configure ">
                                <div class="block-content">
                                    <div class="block-configuration config-bar">
                                        <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                        <div class="block-conQuick Linksfiguration-bar">
                                            <span>在线用户</span><a class="properties" height="500px" title="Block Properties"><i class="fa fa-cog"></i></a>
                                            <a class="security" height="500px" href="javascript: Rock.controls.modal.show($(this), '/Secure/9/435?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                            <a class="block-move block-move" href="435" data-zone="Sidebar1" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a>
                                            <a class="delete block-delete" href="435" title="Delete Block"><i class="fa fa-times-circle-o"></i></a>
                                        </div>
                                    </div>
                                    <div>
                                        没有在线用户。
                                        <br>
                                        <br>当前访客: <span class="badge badge-success">1</span>
                                        <script>
                                            $(function () {
                                                $('.active-user').tooltip({ 'html': 'true' });
                                            });
                                        </script>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-block">
                        <div class="panel-heading">
                            <h4 class="panel-title">联系作者</h4>
                            <div class="pull-right">
                                <a class="btn btn-link btn-xs view-state"><i class="fa fa-chevron-down"></i></a>
                            </div>
                        </div>
                        <div class="panel-body" style="display:none;">
                            <div id="bid_435" data-zone-location="Page" class="block-instance active-users can-configure ">
                                <div class="block-content">
                                    <div class="block-configuration config-bar">
                                        <a href="#"><i class="fa fa-arrow-circle-right"></i></a>
                                        <div class="block-conQuick Linksfiguration-bar">
                                            <span>联系作者</span><a class="properties" height="500px" title="Block Properties"><i class="fa fa-cog"></i></a>
                                            <a class="security" height="500px" href="javascript: Rock.controls.modal.show($(this), '/Secure/9/435?t=Block Security&amp;pb=&amp;sb=Done')" title="Block Security"><i class="fa fa-lock"></i></a>
                                            <a class="block-move block-move" href="435" data-zone="Sidebar1" data-zone-location="Page" title="Move Block"><i class="fa fa-external-link"></i></a>
                                            <a class="delete block-delete" href="435" title="Delete Block"><i class="fa fa-times-circle-o"></i></a>
                                        </div>
                                    </div>
                                    <div class="panel-body">
                                        <p>
                                            赞助作者：觉得对你有帮助，请她和一杯咖啡吧
                                            <button type="button" onclick="dashangToggle()" class="btn btn-success btn-xs" style="margin-left: 10px; margin-top: -5px; padding-top: 2px;"><i class="fa fa-rmb" style="padding-right: 5px;"></i>我要打赏</button>
                                        </p>
                                        <p>
                                            向我提问：欢迎向我提问，由于个人精力有限，并不是每一个问题都会去回答；邮箱地址：
                                            <a href="#">mayisite@163.com</a>
                                        </p>
                                        <p>获取最新源代码：<a href="https://github.com/crazyants/SF" target="_blank">SFramework</a> </p>
                                        <p> 作者QQ：578117441、技术交流群：433379982</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @*<div class="weixin">
            <div style="margin-bottom: 5px;">
                扫描二维码，添加我的微信号
            </div>
            <img src="/images/about/sf_weipay.png" style="width: 150px;" alt="微信号">
        </div>*@
</section>


<div id="contentpay_modal_dialog_panel" class="shang_box modal container modal-content sf-modal sf-modal-frame" style="width: 540px;z-index:100000;">
    <div class="modal-header">
        <button class="close js-modaldialog-close-link" aria-hidden="true" type="button" data-dismiss="modal">&times;</button>
        <h3 class="modal-title">谢谢打赏</h3><small></small>
    </div>
    <div class="modal-body">

        <div class="shang_tit">
            <p>感谢您的支持，我会继续努力的!</p>
        </div>
        <div class="shang_payimg">
            <img src="/images/about/sf_weipay.png" alt="扫码支持" title="扫一扫">
        </div>
        <div class="pay_explain">扫码打赏，你说多少就多少</div>
        <div class="shang_payselect">
            <div class="pay_item checked" data-id="weipay">
                <span class="radiobox"></span>
                <span class="pay_logo">
                    <img src="/images/about/wechat.jpg" alt="微信">
                </span>
            </div>
            <div class="pay_item" data-id="alipay">
                <span class="radiobox"></span>
                <span class="pay_logo">
                    <img src="/images/about/alipay.jpg" alt="支付宝">
                </span>
            </div>
        </div>
        <div class="shang_info">
            <p>打开<span id="shang_pay_txt">支付宝</span>扫一扫，即可进行扫码打赏哦</p>
        </div>

    </div>
    <div class="modal-footer">
        <a class="btn btn-link js-modaldialog-cancel-link" data-dismiss="modal">Cancel</a>
    </div>
</div>


<script type="text/javascript">
    $(function () {
        // activity animation
        $('#zone-sidebar-right').find(".panel-heading").click(function () {
            $(this).siblings('.panel-body').slideToggle();


            $expanded = $(this).children('input.filter-expanded');
            $expanded.val($expanded.val() == 'True' ? 'False' : 'True');

            $('a.view-state > i', this).toggleClass('fa-chevron-down');
            $('a.view-state > i', this).toggleClass('fa-chevron-up');
        });
        $(".pay_item").click(function () {
            $(this).addClass('checked').siblings('.pay_item').removeClass('checked');
            var dataid = $(this).attr('data-id');
            $(".shang_payimg img").attr("src", "/images/about/sf_" + dataid + ".png");
            $("#shang_pay_txt").text(dataid == "alipay" ? "支付宝" : "微信");
        });

        $('#contentpay_modal_dialog_panel').find('.js-modaldialog-close-link, .js-modaldialog-cancel-link').click(function () {
            SF.controls.modal.closeModalDialog($('#contentpay_modal_dialog_panel'));
        });
    });
    function dashangToggle() {
        SF.controls.modal.showModalDialog($('#contentpay_modal_dialog_panel'), '#zone-main');
    }
</script>
